<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>展示照片</title>
    <style>
        .photo {
            display: inline-block;
            margin: 10px;
            width: 80px;
            height: 80px;
            background-color: #eee;
            background-size: cover;
            border-radius: 50%;
        }
    </style>
</head>
<body>
<div class="photo" style="background-image: url('photo1.jpg')"></div>
<div class="photo" style="background-image: url('photo2.jpg')"></div>
<div class="photo" style="background-image: url('photo3.jpg')"></div>
<div class="photo" style="background-image: url('photo1.jpg')"></div>
<div class="photo" style="background-image: url('photo2.jpg')"></div>
<div class="photo" style="background-image: url('photo3.jpg')"></div>
</body>
</html>
在这个示例中，每个照片都被包含在一个 div 元素中，类名为 photo。通过设置 background-image 样式来指定每个 div 的背景图像。然后使用 style 属性来设置每个 div 的大小和样式，以确保它们的宽度和高度都是 80 像素，并且它们具有圆形边框和灰色背景色。

最后，使用 display: inline-block; 样式将每个 div 水平排列，并使用 margin 样式来设置它们之间的间距。





